<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>在线心理咨询服务平台</title>
    <link rel="stylesheet" type="text/css" href="../res/layui/css/layui.css" th:href="@{/res/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" href="../res/css/main.css" th:href="@{/res/css/main.css}">
    <!--加载meta IE兼容文件-->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!--引入公告模块-->
<div th:replace="client/html/commons/bar::topbar"></div>

<div class="content">
    <div class="cont w1000">
        <div class="list-item">
            <div class="item">
                <div class="layui-fluid">
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                            <div class="item-cont" th:each="noticeList:${noticeList}">
                                <h3 th:text="${noticeList.title}">
                                    <button class="layui-btn layui-btn-danger new-icon">new</button>
                                </h3>
                                <p>审核人:<span style="color: red" th:text="${noticeList.userOp}"></span></p>
                                <p th:text="${noticeList.content}"
                                   style="display:-webkit-box; -webkit-line-clamp: 3行数;-webkit-box-orient: vertical;
                                overflow: hidden;">
                                </p>
                                <a href="" th:href="@{/noticeClientUi/get?id=}+${noticeList.id}"
                                   class="go-icon"></a>
                            </div>
                            <br/>
                            <p style="text-align: center">
                                <a style="font-size: 18px;"
                                   th:href="@{/noticeClientUi/list?page=}+${infoNotice.prePage}">上一页</a> <a
                                    style="font-size: 18px"
                                    th:href="@{/noticeClientUi/list?page=}+${infoNotice.nextPage}">下一页</a>
                                <span style="font-size: 18px"> - 总数：[[${infoNotice.total}]] 条 - 当前页:[[${infoNotice.pageNum}]]页</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="demo" style="text-align: center;"></div>
    </div>
</div>


<div th:replace="client/html/commons/bar::footer"></div>
<script type="text/javascript" src="../res/layui/layui.js" th:src="@{/res/layui/layui.js}"></script>
<script type="text/javascript">
    layui.config({
        base: '../res/js/util/'
    }).use(['element', 'laypage', 'form', 'layer', 'menu'], function () {
        element = layui.element, laypage = layui.laypage, form = layui.form, layer = layui.layer, menu = layui.menu;

    });
</script>
</body>
</html>